<style type="text/css">
		body {
					background: #A45414;
		}

    .title{
        width:548px;
        height:119px;
        position:absolute;
        top:240px;
        left:400px;
        font-size: 40px;
        color: #EDD53f;
       }
    a.back{
        background:transparent url(/images/back.png) no-repeat top left;
        position:fixed;
        width:150px;
        height:27px;
        outline:none;
        bottom:0px;
        left:0px;
    }
    #content{
        margin:0 auto;
        padding:10px;
    		background: url(/images/bg.png) no-repeat top left;
    		height: 300px;
    		width: 950px;
    		margin-left: -20px;

    }

    

</style>

<script type="text/javascript">
    $(function(){

          
          $('#nav > div').find('img').stop().animate({
              'width'     :'199px',
              'height'    :'199px',
              'top'       :'-25px',
              'left'      :'-25px',
              'opacity'   :'1.0'
          },2000,'easeOutBack',function(){
              $(this).parent().find('ul').fadeIn(500);
          });

          $('#nav > div').find('a:first,h2').addClass('active');
      
    });
</script>
<script type="text/javascript">
          $(function()
                  {
                  $("#jogando").bind("submit",function()
                          {
                          var checked_resposta_radio = $("[name='resposta']:checked",$(this));
                          if (checked_resposta_radio.length)
                            return true
                           else alert("Responda a pergunta por favor.");
                          return false;
                          });
                  })
</script>

<% form_tag   '/jogando/jogar' , {:name => 'jogando', :id => 'jogando'} do %>
    <%= hidden_field_tag 'idMissao', @idMissao %>
    <div id="content">
        <div class="title"><%= @nivel.nome %></div>
        <div class="navigation" id="nav">
            <div class="item user">
              <img src="/images/bg_user.png" alt="" width="199" height="199" class="circle"/>
            <a href="#" class="icon"></a>
              <%if @comecado.nil? && !@pergunta.nil? %>
                <h2><%=  @pergunta.caput %></h2>
                <ul>
                    <%@pergunta.respostas.each do |r| %>
                     <li><a href="#"><%=  radio_button_tag 'resposta', r.id %> <%=  r.texto %></a></li>
                    <% end %>
                     <li><%= submit_tag 'Responder', :class => 'submit submitDesloque' %></li>
                </ul>
                <%= hidden_field_tag 'perguntarespondida', @pergunta.caput %>
                <%= hidden_field_tag 'comecado', "S" %>
                <%= hidden_field_tag 'proxpergunta', @pergunta.pergunta_id %>
                <%  #------------------------------------ Fim do IF.--------------------- %>

              <% else if !@comecado.nil? && !@pergunta.pergunta_id.nil? && !@pergunta.nil? %>
                    <%=  @pergunta.caput %><br/>
                    <%  @pergunta.respostas.each do |r| %>
                         <%=  radio_button_tag 'resposta', r.id %> <%=  r.texto %> <br/>
                    <% end %>
                    <%= hidden_field_tag 'perguntarespondida', @pergunta.id %>
                    <%= hidden_field_tag 'comecado', "S" %>
                    <%= hidden_field_tag 'proxpergunta', @pergunta.pergunta_id %>
                    <%= submit_tag 'Responder' %>
                    <%  #-------------------------------- Fim do Else if.---------------------- %>
                  <% end %>
              <% end %>
          <% end %>
                  <% if @pergunta.nil? %>
                   <% form_tag '/jogando/jogar' do   %>
                    <h2> Nivel finalizado!</h2>
                            <ul>
                             <li> Sua pontuacao foi: <%= session[:pontuacao] %> </li>  <br/>
                               <% @jogador.pontuacao = session[:pontuacao] %>
                               <% @jogador.save   %>
                         <br/>
                         <%=  hidden_field_tag 'nivelfinalizado', '0' %>
                         <li>  <%= submit_tag 'Avancar de Nivel', :class => 'submit' %> </li>
                            </ul>
                       <% end %>
                   <% end %>
            </div>
        </div>
    </div>
